<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title>x的博客</title>
		<link rel="stylesheet" th:href="@{/layui/css/layui.css}" />
		<link rel="stylesheet" type="text/css" th:href="@{/layui/css/common.css}" />
		<link rel="stylesheet" type="text/css" th:href="@{/layui/css/blogcss/blog-detail.css}" />
	</head>
	<body>
		<!-- 公共头部 -->
		<div th:replace="FrontPages/common/head::head" name="headFrame"></div>

		<!-- 右侧标签片 -->
		<div class="ifra_tip">
			<!-- 个人标签页 -->
			<!--<iframe src="../common/user_tip.html" width="255px" ; height="305px" frameborder="0" scrolling="no" name="userFrame"></iframe>-->
			<!-- 广告 -->
			<!--<iframe src="../common/adv1.html" width="255px" ; height="255px" frameborder="0" scrolling="no" name="advFrame"></iframe>-->

			<!--新的方式-->
			<!-- 个人标签页 -->
			<div th:replace="FrontPages/common/user_tip::usertip(user=${user1})" ></div>
			<!-- 广告 -->
			<div th:replace="FrontPages/common/adv1::adv1" name="headFrame"></div>
			<!-- 博客的标签片 -->
			<div th:replace="FrontPages/blog/blog_tips::blogtip(newblogs=${newblogs},hotblogs=${hotblogs},newcoms=${newcoms})" name="blogFrame"></div>
		</div>
		<div class="blog-index">
			<div class="blog-content">
				<div class="blog-content-head">
					<h1 class="" th:text="${blog.title}"></h1>
					<div class="status">
						<span>作者</span>
						<a class="blog-author"> <span th:text="${user1.name}">北风</span></a>
						<span>
							<b class="collection-line" th:text="${blog.date}">最后发布于2018-04-12 12:45</b>
						</span>
						<em class="lline"></em>
						<span>阅读数</span>
						<span class="userex-num" th:text="${blog.browseNumber}">66</span>
						<em class="lline"></em>
						<a th:value="${blog.bid}">
							<i class="layui-icon layui-icon-star"></i>
							<span>收藏</span>
						</a>
						<input th:id="iscoled" th:value="${iscoled}" type="hidden">
					</div>
				</div>
				<!-- 博客内容 -->
				<div class="blog-content-file">
					<span th:utext="${blog.content}"></span>
					<div class="file-bottom">
						<ul class="file-bottom-ul">
							<li th:value="${blog.bid}" th:class="setzan">
								<i class="layui-icon" style="position: relative;top:3px;"> &#xe6c6;</i>
								<span>点赞</span>
								<span>10</span>
							</li>
							<li th:value="${blog.bid}" th:class="setcol">
								<i class="layui-icon"> &#xe600;</i>
								<span>收藏</span>
							</li>
							<li class="report">
								<i class="layui-icon"> &#xe65f;</i>
								<div class="report-box">
									<span>举报</span>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>

			<!-- 博客评论 -->
			<div class="blog-comment">
				<!-- 这个A标签用来滚动 -->
				<a id="commentBox" name="commentBox"></a>
				<div class="blog-comment-head">
					<a>
                        <img src="../../../static/layui/images/head-pic/head5.jpg" th:if="${session.user==null}" th:src="@{/layui/images/head-pic/head5.jpg}"/>
                        <img src="../../../static/layui/images/head-pic/head5.jpg"  th:if="${session.user!=null}" th:src="${session.user.img}?:@{/layui/images/head-pic/head5.jpg}"/>
					</a>
					<div class="layui-input-block">
						<textarea placeholder="想对作者说些什么" class="layui-textarea" id="area"></textarea>
					</div>
					<div class="comment-status">
						<span>
							还能输入<em>1000</em>个字符
						</span>
						<button type="button" id="empty">取消回复</button>
						<button type="submit" id="pulish" th:value="${blog.bid}">发表评论</button>
					</div>
				</div>
				<div class="blog-comment-list">
					<ul class="blog-comment-items">
						<li th:if="${comments!=null}" th:each="com,comStat:${comments}">
							<div class="blog-comment-item" th:value="${com.cid}">
								<a th:href="@{'/User/userexh/'+${com.iid}}">
									<img th:src="${comuser.get(comStat.index).img}?:@{/layui/images/head-pic/head5.jpg}"/>

								<span th:text="${com.iid}"></span></a>
								<span id="time" th:text="${com.date}"></span>

								<div class="item_status">
									<span class="layui-icon layui-icon-praise" th:text="${com.likeNumber}" onclick="addzan(this);"></span>
								</div>
								<ul class="item-ul">
									<li onclick="delcom(this);">删除</li>
									<li onclick="reply(this);" th:value="${com.iid}">回复</li>
									<li onclick="getreply(this);" th:value="${com.cid}"></li>
									<li style="display: none;">收起回复</li>
								</ul>
								<div class="blog-comment-item-content">
									<span th:text="${com.content}"></span>
								</div>
							</div>
							<div class="recomment">
								<ul class="recomment-ul">
									<!--<li>-->
										<!--<div class="blog-comment-item">-->
											<!--<a>-->
												<!--<img src="../../../static/layui/images/head-pic/head4.jpg" th:src="@{/layui/images/head-pic/head2.jpg}"/>-->
											<!--</a>-->
											<!--<span>呱呱太1-1</span>-->
											<!--<span>回复</span>-->
											<!--<span>咕咕咕</span>-->
											<!--<span>time</span>-->

											<!--<div class="re item_status">-->
												<!--<span class="layui-icon layui-icon-praise"></span>-->
											<!--</div>-->
											<!--<ul class="re item-ul">-->
												<!--<li>删除</li>-->
												<!--<li>回复</li>-->
											<!--</ul>-->
											<!--<div class="blog-comment-item-content">-->
												<!--<span>随便谢一句话</span>-->
											<!--</div>-->
										<!--</div>-->
									<!--</li>-->
								</ul>
							</div>
						</li>
					</ul>
				</div>
			</div>

			<!-- 博客推荐 -->
			<div class="blog-recommend" style="display: none">
				<ul class="blog-recommend-ul">
					<li>
						<div class="recommend-item">
							<a>车ishi</a>
							<span th:id="readnum"></span>
							<p>
								<span>我们相见恨晚</span>
								<a th:id="autfrom">来自：
									<span>米啊</span>
								</a>
							</p>
						</div>
					</li>
					<li>
						<div class="recommend-item">
							<a>车ishi</a>
							<span th:id="readnum"></span>
							<p>
								<span>我们相见恨晚</span>
								<a th:id="autfrom">来自：
									<span>米啊</span>
								</a>
							</p>
						</div>
					</li>
					<li>
						<div class="recommend-item">
							<a>车ishi</a>
							<span th:id="readnum"></span>
							<p>
								<span>我们相见恨晚</span>
								<a th:id="autfrom">来自：
									<span>米啊</span>
								</a>
							</p>
						</div>
					</li>
				</ul>
				<span th:id="re-tip">没有更多内容了QAQ!</span>
			</div>

			<!-- 右侧导航条 -->
			<!-- 右侧辅助导航条 -->
			<div class="right-Navigation">
				<a href="javascropt:;" th:value="${blog.bid}" th:class="setzan">
					<i class="layui-icon layui-icon-praise right-icon"></i></a>
				<a href="javascropt:;" th:value="${blog.bid}" th:class="setcol">
					<i class="layui-icon layui-icon-star right-icon"></i></a>
				<a class="toComment" href="#commentBox">
					<i class="layui-icon layui-icon-reply-fill right-icon"></i>
				</a>
				<a href="javascropt:;">
					<i class="layui-icon layui-icon-up right-icon totop"></i>
				</a>
			</div>
		</div>
		<div style="clear: both"></div>
		<!-- 公共尾部 -->
		<div th:replace="FrontPages/common/bottom::bottom" name="bottomFrame"></div>
		<script type="text/jscript" th:src="@{/layui/layui.js}"></script>
		<script type="text/jscript"th:src="@{/layui/lay/js/blog-detail.js}"></script>
		<!-- 背景特效 -->
		<script th:src="@{/layui/lineEffects.js}"></script>
	</body>
</html>
